//这是“详情”的less文件

//1.引入清除css文件和滚动条样式文件
@import "reset.css";
@import "scroll.css";
//px和rem转换
@font-size:100rem;
//2.基础代码块
html{
  font-size: 13.33vw;
}
//解决塌陷问题
*{
  box-sizing: border-box;
}
.clearfix::after,.clearfix:before{
  content: '';
  display: block;
  clear: both;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
html,body{
  width: 100%;
  height: 100%;
}
//设置整体的body样式
body{
  color: #282828;
  font-size: 26./@font-size;
  font-family: '微软雅黑';
}
//3.自己的代码
.container{
  //设置布局
  display: flex;
  flex-direction: column;
  //设置宽高
  width: 750./@font-size;
  height: 100%;
  background-color: #f6f6f6;
  //设置居中
  margin: 0 auto;

  //设置顶部样式
  .header{
    width: 100%;
    height: 100./@font-size;
    background-color: #eee;
    padding: 24./@font-size 20./@font-size;
      a {
        display: flex;
        justify-content: space-between;
       p{
          .one{
            width: 32./@font-size;
            height: 32./@font-size;
          }
            color: #000;
            font-size: 36./@font-size;
            font-weight: 400;
        }
        .two{
          margin-top:23./@font-size ;
          width: 42./@font-size;
          height: 10./@font-size;
        }
      }
  }
  //设置中部容器
  .section{
    width: 100%;
    background-color: #f6f6f6;
    //设置滚动条
    overflow: hidden;
    overflow-y: auto;

    //头标题
    .title{
      padding-left:20./@font-size;
      .top{
        margin-top:26./@font-size ;
        font-size: 30./@font-size;
        font-weight: 400;
        color: #282828;
      }
      .time{
        margin-top:13./@font-size ;
        font-size: 24./@font-size;
        font-weight: 400;
        color: #8c8c8c;
      }
    }
    //图片
    .banner{
      padding-left:20./@font-size;
      //设置上下边距
      margin: 31./@font-size 0;
      img{
        width: 710./@font-size;
        height: 327./@font-size;
      }
    }
    //内容
    .content{
      padding-left: 18./@font-size;
      padding-right: 20./@font-size;
      .details{
        line-height: 48./@font-size;
        width: 710./@font-size;
        margin-bottom:501./@font-size ;
        .one,.two{
          color: #000;
          font-weight: bold;
        }
        .two{
          margin-top: 60./@font-size;
        }
      }


    }
  }
  //设置尾部容器
  .footer{

  }
}